<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .page-margin{
            margin:50px auto;
        }
    </style>
</head>
<body>
<div class="column column-1200">
    <div class="block page-margin page-1">
        <div class="block-content block-51softList-page">
            <ul class="pagination">
                <li data-max-page="28"  data-page=""><a href="#">首页</a></li><li><a class='current-page'>1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li><a>...</a></li><li><a href="#">28</a></li><li><a href="#">下一页</a></li><li><a href="#">尾页</a></li>
                <li>跳到<input type="text">页</li>
                <li><a href="javascript:;" id="goPage">GO</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="column column-1200">
    <div class="block page-margin page-2">
        <div class="block-content block-51softList-page">
            <ul class="pagination">
                <li data-max-page="28"  data-page=""><a href="#">共8532篇</a></li><li><a class='current-page'>1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li><a>...</a></li><li><a href="#">28</a></li><li><a href="#">下一页</a></li><li><a href="#">尾页</a></li>
            </ul>
        </div>
    </div>
</div>
<script src="../../src/federal/js/vendors/jquery-1.10.2/jquery.js"></script>

</body>
</html>